<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, maximum-scale=1"
    />
		<meta http-equiv="Expires" content="0">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-control" content="no-cache,no-store,must-revalidate">
    <meta http-equiv="Cache" content="no-cache">
    <title>主页</title>
    <!-- 依 赖 样 式 -->
    <link rel="stylesheet" href="component/pear/css/pear.css" />
    <!-- 加 载 样 式 -->
    <link rel="stylesheet" href="admin/css/loader.css" />
    <!-- 布 局 样 式 -->
    <link rel="stylesheet" href="admin/css/admin.css" />
  </head>
  <!-- 结 构 代 码 -->
  <body class="layui-layout-body pear-admin">
    <!-- 布 局 框 架 -->
    <div class="layui-layout layui-layout-admin">
      <!-- 顶 部 样 式 -->
      <div class="layui-header">
        <!-- 菜 单 顶 部 -->
        <div class="layui-logo">
          <!-- 图 标 -->
          <img class="logo"/>
          <!-- 标 题 -->
          <span class="title"></span>
        </div>
        <!-- 顶 部 左 侧 功 能 -->
        <ul class="layui-nav layui-layout-left">
          <li class="collapse layui-nav-item">
            <a href="#" class="layui-icon layui-icon-shrink-right"></a>
          </li>
          <li class="refresh layui-nav-item">
            <a
              href="#"
              class="layui-icon layui-icon-refresh-1"
              loading="600"
            ></a>
          </li>
        </ul>
        <!-- 多 系 统 菜 单 -->
        <div id="control" class="layui-layout-control"></div>
        <!-- 顶 部 右 侧 菜 单 -->
        <ul class="layui-nav layui-layout-right">
<!--  
          <li class="layui-nav-item layui-hide-xs">
            <a href="#" class="menuSearch layui-icon layui-icon-search"></a>
          </li>
  -->
          <li class="layui-nav-item layui-hide-xs">
            <a
              href="#"
              class="fullScreen layui-icon layui-icon-screen-full"
            ></a>
          </li>
<!--  
          <li class="layui-nav-item layui-hide-xs">
            <a
              href="http://www.pearadmin.com"
              class="layui-icon layui-icon-website"
            ></a>
          </li> -->

          <!-- <li class="layui-nav-item layui-hide-xs message" style="display: none;"></li> -->
          <li class="layui-nav-item user">
            <!-- 头 像 -->
            <a class="layui-icon layui-icon-username" href="javascript:;">123</a>
            <!-- 功 能 菜 单 -->
            <dl class="layui-nav-child">
              <dd>
                <a
                  user-menu-url="view/system/person.html"
                  user-menu-id="5555"
                  user-menu-title="基本资料"
                  >基本资料</a
                >
              </dd>
              <dd><a href="javascript:void(0);" class="logout">注销登录</a></dd>
            </dl>
          </li>
          <!-- 主 题 配 置 -->
          <li class="layui-nav-item setting">
            <a href="#" class="layui-icon layui-icon-more-vertical"></a>
          </li>
        </ul>
      </div>
      <!-- 侧 边 区 域 -->
      <div class="layui-side layui-bg-black">
        <!-- 菜 单 顶 部 -->
        <div class="layui-logo">
          <!-- 图 标 -->
          <img class="logo" />
          <!-- 标 题 -->
          <span class="title"></span>
        </div>
        <!-- 菜 单 内 容 -->
        <div class="layui-side-scroll">
          <div id="sideMenu"></div>
        </div>
      </div>
      <!-- 视 图 页 面 -->
      <div class="layui-body">
        <!-- 内 容 页 面 -->
        <div id="content"></div>
      </div>
      <!-- 页脚 -->
      <div class="layui-footer layui-text">
        <!-- <span class="left"> Released under the MIT license. </span>
        <span class="center"></span>
        <span class="right"> Copyright © 2021-2022 pearadmin.com </span> -->
      </div>
      <!-- 遮 盖 层 -->
      <div class="pear-cover"></div>
      <!-- 加 载 动 画 -->
      <div class="loader-main">
        <!-- 动 画 对 象 -->
        <div class="loader"></div>
      </div>
    </div>
    <!-- 移 动 端 便 捷 操 作 -->
    <div class="pear-collapsed-pe collapse">
      <a href="#" class="layui-icon layui-icon-shrink-right"></a>
    </div>
    <!-- 依 赖 脚 本 -->
    <script src="component/layui/layui.js"></script>
    <script src="component/pear/pear.js"></script>
    <!-- 我的依赖 -->

    <!-- 框 架 初 始 化 -->
    <script>
      // 加载自定义模块,检查浏览器和token
      layui.extend({
        myheader:'{/}lay-ext/myheader'
      })

      layui.use(["admin", "jquery", "popup", "drawer","loading","myheader","layer"], function () {
        // 加载模块
        var $ = layui.jquery;
        var admin = layui.admin;
        var popup = layui.popup;
        var loading= layui.loading;
        var layer = layui.layer;
        var myheader = layui.myheader;
        
        // 检查是不是IE浏览器
        myheader.isIE()
        // 获取基地址
        var baseUrl = myheader.baseUrl()
        // 获取token对象
        // var myToken = myheader.checkToken()
        // 定义全局 ajax的请求头
        myheader.ajaxGlobal(myheader.checkToken().tokenValue)
       
        // 根据用户角色加载不同的配置文件
        // 主要是侧边栏权限
        admin.setConfigType("yml");
        admin.setConfigPath("config/pear.config.yml");
        admin.render();
        
        // 渲染user-icon的名字
        $.ajax({
          url: baseUrl+"/user/getUser",
          type:'get',
          success:function(res){
            if(res.code===200){
              $('.layui-icon-username').text(" " + res.data.userFullName)
            }
            else{
              popup.failure(res.msg)
            }
          }
        })
       
        // 登出逻辑
        admin.logout(function () {
          $.ajax(baseUrl+"/user/logout",{
            type: "post",
            async: false,
            success: function (data) {
              layui.sessionData('mytoken',null);
            },
            error: function (status) {
              layer.msg("服务器异常");
            },
          })
          
          if($.isEmptyObject(layui.sessionData('mytoken'))){
            popup.success('注销成功',function(){
              sessionStorage.clear();
              top.window.location.replace("/login.html")
              return true
            })
          }
          
          // 注销逻辑 返回 true / false
          return false;
        });

        // 消息点击回调
        // admin.message(function (id, title, context, form) {});

   
      });
    </script>
  </body>
</html>
